<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../../js/mui.min.js"></script>
    <!--标准mui.css-->
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <!--App自定义的css-->
    <link rel="stylesheet" href="../../css/app.css" />
    <!--本页面自定义的css-->
    <style>	    
    </style>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
	<body>
		<div class="mui-content bg_white" >
			<div class="tab-header">
				<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
					<a class="mui-control-item mui-active" href="#">我的圈子</a>
					<a class="mui-control-item " href="#">热门圈子</a>
				</div>
			</div>			
			<div class="mui-input-row mui-search">
				<input type="search" class="mui-input-clear" placeholder="大家都在搜高等数学" >
			</div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">					
					<span class="mui-pull-right mui-badge-number-red">999</span>
					<img src="" class="mui-pull-left circle-img"/>
					<p class="text_main label-title-middle">高数圈</p>														
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">					
					<span class="mui-pull-right mui-badge-number-red">999</span>
					<img src="http://img5.imgtn.bdimg.com/it/u=427840222,1928993467&fm=21&gp=0.jpg" class="mui-pull-left circle-img"/>
					<p class="text_main label-title-middle">高数圈</p>														
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">					
					<span class="mui-pull-right mui-badge-number-red">999</span>
					<img src="" class="mui-pull-left circle-img"/>
					<p class="text_main label-title-middle">高数圈</p>														
				</li>
			</ul>


			<div class="btn_area">
				<div class="btn-standard-fl">
					<i class="mui-icon mui-icon-plusempty"></i>
					<span class="text_main">建立圈子</span>
				</div>
				<div class="btn-standard-fr">
					<i class="mui-icon mui-icon-search"></i>
					<span class="text_main">全部圈子</span>
				</div>					
			</div>
			
		</div>
	</body>
</html>